#alttxt {
    background: #FFF;
    border: 1px #ddd solid;
    font-size: 12px;
    padding: 10px;
    z-index: 1000;
    position: absolute;
    display: none;
    border-radius: 50px;
}

.w1300 {
    width: 1300px;
    margin: 0 auto
}

.w1400 {
    width: 1400px;
    margin: 0 auto
}

.w80 {
    width: 90%;
    margin: 0 auto
}

.section1 {
    width: 100%;
    padding: 60px 0 0;
    box-sizing: border-box;
}

.tit2 {
    background: url(t.png);
    height: 64px;
    line-height: 64px;
    text-align: center;
    color: #fff;
    margin: 5px 0 0 0
}

.tit2 a {
    color: #fff
}

.left_side {
    width: 300px;
    background: #0063bb
}

.left_side h3 {
    color: #fff;
    font-size: 36px;
    padding-top: 30px;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}
.left_side h3 em{text-align: center;display: block;font-size: 16px;text-transform: uppercase;font-weight: normal;}

.left_side h4 a {
    font-size: 16px !important;
    font-weight: normal;
}

.left_side ul li {
    margin: 0 0 0 15px
}


.left_side ul li>h4>a{font-weight: bold;}



.left_side ul li a {
    display: block;
    height: 45px;
    line-height: 45px;
    color: #fff;
    padding-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid rgba(219, 219, 219, 0.192);
    font-size: 14px;
    transition: all .6s
}

.left_side ul li a:hover {
    background: linear-gradient(to left, #1bc793, #4498ff);
}
.left_side ul li .hover{
    background: linear-gradient(to left, #1bc793, #4498ff);


}

/* 关于 */
.us {
    background: #ECF1F5;
    padding: 60px 0;
}

.us a.pro_list {
    width: 23%;
    margin-right: 2.6%;
    margin-top: 50px;
    border-radius: 30px 0 0 0;
    overflow: hidden;
    float: left;
    background: #fff;
    position: relative;
    height: 360px;
}

.us a.pro_list::after {
    content: "+";
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #064485;
    color: #fff;
    font-size: 36px;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
}

.us a.pro_list:nth-child(5) {
    margin-right: 0;
}

.us dt {
    overflow: hidden;
    border-radius: 0 0 30px 0;
}

.us dd {
    text-align: center;
    position: relative;
    padding: 15px;
    box-sizing: border-box;
    height: 137px;
}

.us dd img {
    display: none;
}

.us dd h3 {
    color: #000000;
    font-weight: 700;
}

.us dd p {
    color: #666666;
    text-align: left;
    line-height: 30px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.us a:hover {
    background: #D70C25;
}

.us a:hover dt {
    height: 0;
}

.us a:hover dd {
    height: 350px;
}

.us a:hover dd h3,
.us a:hover dd p {
    color: #fff;
}

.us a:hover dd h3 {
    margin-top: 30px;
}

.us a:hover dd img {
    display: inline-block;
}

.us a:hover.pro_list::after {
    left: 0;
    margin: auto;
    background: none;
    font-size: 64px;
    bottom: 50px;
}


/* 产品中心 */
.swiper-container.fenlei {
    width: 100%;
    margin: 20px auto 0;
    position: relative;
    padding: 5px 5px 5px;
    box-sizing: border-box;
}

.swiper-container.fenlei .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    box-sizing: border-box;
    -moz-box-shadow: 0px 0px 5px 2px #ccc;
    -webkit-box-shadow: 0px 0px 5px 2px #ccc;
    box-shadow: 0px 0px 5px 2px #ccc;
    overflow: hidden;
}

.swiper-container.fenlei .swiper-slide>h3 {
    position: relative;
    font-weight: 700;
    color: #333333;
    margin: 20px 0 0;
}

.swiper-container.fenlei .swiper-slide i {
    width: 50px;
    height: 3px;
    background: #de252d;
    margin: auto;
    display: block;
    margin-top: 5px;
    margin-bottom: 20px;
}

.swiper-container.fenlei .swiper-slide p {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 20px;
    color: #999;
}

.swiper-container.fenlei .swiper-slide .stars-info {
    position: absolute;
    top: 70%;
    text-align: center;
    width: 100%;
    -webkit-transition: all linear 500ms;
    transition: all linear 500ms;
    color: #fff;
    opacity: 0;
    z-index: 9;
    left: 0;
}

.swiper-container.fenlei .swiper-slide:hover .stars-info {
    display: block;
    top: 10%;
    -webkit-transition: all linear 500ms;
    transition: all linear 500ms;
    opacity: 1;
}

.swiper-container.fenlei .swiper-slide .stars-info h2 {
    color: #fff;
    font-size: 1.15rem;
    font-weight: bold;
}

.swiper-container.fenlei .swiper-slide .stars-info hr {
    background: #fff;
    width: 40px;
    margin: 10px auto;
    height: 3px;
    padding: 0;
    border: 0;
    outline: 0;
}

.swiper-container.fenlei .swiper-slide .stars-info .shuffer-link {
    width: 80%;
    margin: 0 auto;
    text-align: left
}

.swiper-container.fenlei .swiper-slide .stars-info .shuffer-link h3 a {
    color: #fff;
    background: url(arrow_white.png) right center no-repeat;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 95%;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-size: 14px;
    font-weight: 400;
}

.swiper-container.fenlei .swiper-slide .stars-info .shuffer-link h3 a:hover {
    text-decoration: underline
}

.swiper-container.fenlei .swiper-slide .sb2 {
    width: 100%;
}

.swiper-container.fenlei .swiper-slide ul {
    text-align: center;
    display: block;
    height: 100%;
    width: 100%;
}

.swiper-container.fenlei .swiper-slide ul li {
    background: #fff;
    color: #333;
    font-weight: 600;
    width: 49%;
    margin: 3px .5% 0;
    box-sizing: border-box;
    line-height: 24px;
    float: left;
}

.swiper-container.fenlei .swiper-slide::after {
    height: 0px;
    width: 100%;
    position: absolute;
    bottom: 0;
    opacity: 0;
    -webkit-transition: all linear 300ms;
    transition: all linear 300ms;
    content: "";
    display: block;
    left: 0;
    z-index: 8;
}

.swiper-container.fenlei .swiper-slide:hover::after {
    height: 100%;
    background-color: #d70c25;
    opacity: 1;
    -webkit-transition: all linear 500ms;
    transition: all linear 500ms;
}


.mini-pro {
    margin-top: 20px;
}

.mini-pro li {
    text-align: center;
    font-size: 18px;
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    width: 48%;
    float: left;
    margin: 0 1%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}

.mini-pro li h3 {
    position: relative;
    font-weight: 700;
    color: #333333;
    margin: 10px 0 0;
}

.mini-pro li i {
    width: 50px;
    height: 3px;
    background: #de252d;
    margin: auto;
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
}

/* ---------------新闻----------- */
.news {
    margin-top: 55px;
}

.nbt {
    margin-top: 30px;
}

.nbt .fl {
    margin-left: 20px;
}

.nbt .fl>p {
    line-height: 30px;
    font-size: 18px;
    color: #666666;
    margin: 60px 0 0;
}

.news .news-list-tt ul {
    position: relative;
}

.news .news-list-tt ul li {
    float: left;
    width: 50%;
}

.news .news-list-tt ul li a {
    background: #ECF1F5;
    color: #111;
    font-size: 20px;
    text-align: center;
    line-height: 45px;
    display: block;
    transition: .3s;
}

.news .news-list-tt ul li.default a,
.news .news-list-tt ul li a:hover {
    background: #D70C25;
    color: #fff;
}

.news .news-list-i {
    overflow: hidden;
    border: 1px solid #ECF1F5;
    padding: 20px 30px 40px 30px;
}

.news .nlist {
    position: relative;
}

.news .nlist ul {
    width: 101.3%;
}

.news .nlist li {
    width: 47%;
    margin: 0 1.5%;
    padding-bottom: 55px;
    float: left;
    padding: 22px;
    transition: .3s;
    border-bottom: 1px solid #E5E5E5;
    box-sizing: border-box;
}

.news .nlist .img {
    display: block;
    position: relative;
    overflow: hidden;
}

.news .nlist img {
    width: 100%;
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    -webkit-transition: -webkit-transform 0.6s ease 0s;
    transition: transform 0.6s ease 0s;
}

.news .nlist li:hover .stit a {
    color: #d5001e;
}

.news .nlist .stit i {
    display: inline-block;
    border-radius: 50%;
    border: 2px solid #D70C25;
    width: 10px;
    height: 10px;
    margin-right: 10px;
}

.news .nlist .stit {
    font-size: 18px;
    color: #333333;
    width: 80%;
}

.news .nlist .stit a {
    color: #000;
}

.news .nlist .word {
    display: block;
    line-height: 24px;
    font-size: 14px;
    margin-top: 13px;
}

.news .nlist .word a {
    display: inline-block;
    color: #666;
}

.news .nlist .more {
    display: inline-block;
    line-height: 30px;
    margin-top: 15px;
    padding-right: 20px;
    background: url(img/ico_18.png) no-repeat right center;
    font-size: 14px;
    color: #019064;
    transition: .5s;
}

.news .nlist li:hover .more {
    padding-right: 30px;
}


/* 横幅 */
.hf {
    width: 100%;
    height: 200px;
    background: url(hf.jpg) no-repeat top center;
    margin-top: 50px;
}

/* 简介 */
.about {
    background: url(bg2.jpg) center no-repeat;
    height: auto;
    background-attachment: fixed;
    padding: 50px 0;
    background-size: cover;
}

.about .pub_title {
    background: none;
}

.about .a_top {
    text-align: center;
    background: url(b2.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    height: 360px;
    padding: 100px 0 0;
    box-sizing: border-box;
}

.about .a_top img {
    display: inline-block;
}

.about .a_top h4 {
    color: #fff;
    padding: 0 10px;
}

.about .inner {
    position: relative;
}

.about .left {
    width: 50%;
}

.about .left video {
    width: 100%;
}

.about .right {
    width: 47%;
    background: url(b2.png) no-repeat right bottom;
    padding: 40px 0 0;
    box-sizing: border-box;
}

.about .right .text {
    color: #666666;
    line-height: 32px;
    margin-top: 20px;
}

.about .right h1 {
    font-weight: 700;
    color: #333333;
}

.about .right>a {
    background: #D70C25;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    padding: 10px 25px;
    margin-top: 30px;
}

.about .right>a:hover {
    opacity: .8;
}

.about .item {
    width: 25%;
    float: left;
    text-align: center;
    vertical-align: top;
    margin: 30px 0;
}

.about .item h3 {
    color: #d40000;
}

.about .item h3 i {
    font-style: normal;
    display: inline-block;
}

.about .item span {
    color: #d40000;
    border-radius: 50%;
    vertical-align: top;
    display: inline-block;
    font-weight: 400;
}

.about .item p {
    color: #737373;
}

.about .item p:nth-child(3) {
    color: #ddd;
}


.footer {
    background: url(fbg.jpg) no-repeat top center;
    background-size: cover;
}

.footer .f1 h3,
.footer .f2 h3,
.footer .f3 h3,
.footer .f4 h3 {
    margin-top: 30px;
    font-size: 24px;
    color: rgba(255, 255, 255, 0.8);
    position: relative;
    margin-bottom: 20px
}

.footer .f1 h3::before,
.footer .f2 h3::before,
.footer .f3 h3::before,
.footer .f4 h3::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 3px;
    background: #FF000E;
    top: 40px;
    left: 0
}

.footer .f1 {
    width: 24%;
    text-align: center;
}

.footer .f1 .fl {
    margin-left: 5%;
    margin-top: 50px;
    width: 45%;
}

.footer .f1 img {
    display: inline-block;
    width: 100%;
}

.footer .f1 p {
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    font-size: 14px;
}

.footer .f2 {
    width: 26%;
    margin-left: 3%;
}

.footer .f2 a {
    float: left;
    width: 50%;
    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    display: block
}

.footer .f2 a:hover {
    opacity: .7;
}

.footer .f3 {
    width: 20%;
    color: rgba(255, 255, 255, 0.8);
    line-height: 30px;
    margin-left: 3%;
}

.footer .f4 {
    width: 20%;
    margin-top: 70px;
}

.footer .copyright {
    margin-top: 30px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    padding: 5px 0;
    font-size: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.15)
}

.footer .copyright a {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px
}

.footer .copyright img {
    display: inline-block;
    margin-left: 15px
}

.footer .copyright p {
    color: rgba(255, 255, 255, 0.8);
    text-align: center
}

.index-tit {
    font-size: 2.25rem;
    font-weight: bold;
}

.common-tit {
    position: relative;
    overflow: hidden
}

.common-tit::before {
    position: absolute;
    background: #d70c25;
    top: 37%;
    left: 170px;
    z-index: 0;
    height: 12px;
    ;
    width: 8px;
    display: block;
    content: '';
}

.common-tit::after {
    position: absolute;
    background: #e6ebef;
    width: 100%;
    top: 37%;
    left: 185px;
    ;
    height: 12px;
    display: block;
    content: '';
}

.page-cover {
    background: #18191b url(loading.gif) no-repeat center 350px;
    width: 100%;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 10000001;
}




.pro-category {
    overflow: hidden;
}

.pro-category .category-list ul {
    width: 1220px;
}

.pro-category .category-list ul li {
    text-align: center;
    width: 199px;
    height: 50px;
    margin-top: 1px;
    margin-left: 1px;
}

.pro-category .category-list ul li a {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    display: block;
    text-align: center;
    background-color: #d6d6d6;
    color: #000000;
    font-weight: 900;
}

.pro-category .category-list ul li a:hover {
    background-color: #155ac2;
    color: #ffffff;
}

.pro-category .category-list ul li+li {}

.common-pro {
    width: 1230px;
    overflow: hidden;
}

.common-pro ul li {
    width: 386px;
    height: 300px;
    margin-right: 21px;
    margin-bottom: 21px;
    position: relative;
    overflow: hidden;
}

.common-pro ul li a span {
    position: absolute;
    line-height: 30px;
    bottom: -270px;
    height: 300px;
    left: 0;
    width: 100%;
    color: #ffffff;
    background: url(../../Images/imgbg1.png);
    text-align: center;
}

.common-pro ul li a p {
    text-align: center;
    height: 170px;
    width: 100%;
    padding-top: 100px;
    color: #ffffff;
    font-size: 24px;
}

.common-pro ul li a p cite {
    display: block;
    font-style: normal;
    color: #ffffff;
    font-size: 30px;
    text-align: center;
}

.common-pro ul li:hover a span {
    background: url(../../Images/imgbg3.png);
    bottom: 0;
    color: #ffffff;
}

.pro-category {
    overflow: hidden;
}

.row {
    width: 1200px;
    margin: 0 auto;
}

.common-title {
    background: url(../../Images/common-title.png) no-repeat center;
    text-align: center;
}

.logoleft img,
.pro-category .category-list ul li,
.common-pro ul li,
.index-honor .bd ul li,
.application .area-content ul li {
    float: left;
}



.index-news {
    background: #ecf1f5
}

.index-news-list li {
    float: left;
    vertical-align: middle;
    width: 48%;
    margin-bottom: 1.5rem
}

.index-news-list li:nth-child(2n+2) {
    float: right;
    margin-right: 10px
}

.index-news-list li .img,
.index-news-list li .txt {
    display: table-cell;
    vertical-align: middle;
    width: 23%
}

.index-news-list li .txt {
    -moz-box-shadow: 3px 3px 5px #ccc;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
    background: #fff;
    padding: 0 1rem;
    width: 60%
}

.index-news-list li .txt p {
    color: #666;
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 10px;
    padding-bottom: 8px
}

.index-news-list li .txt h4 {
    font-weight: 700;
    max-height: 45px;
    overflow: hidden
}

.index-news-list li .txt h4 a {
    display: block;
    color: #333
}

.index-news-list li .txt h4 a:hover {
    color: #d70c25
}

.gbottom {
    background: #5a5a5a;
    padding: 50px 0 50px 0;
    overflow: hidden;
}

.bottom_list dl {
    float: left;
}

.bottom_list dl.first {
    width: 30%;
}

.bottom_list dl.second {
    width: 30%;
}

.bottom_list dl.three {
    width: 10%;
}

.bottom_list dl.four {
    width: 28%;
    float: right;
}

.bottom_list dl dt {
    font-size: 18px;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: bold;
}
.friend-link a{display: inline-block;}
.bottom_list dl dd {
    color: #fff;
    font-size: 14px;
}

.bottom_list dl.four dd{margin-top: 20px;}
.bottom_list dl dd a {
    color: #fff;
    font-size: 14px;
}

.bottom_list dl dd a:hover {
    color: #ffffff;
}

.bottom_list dl dd{line-height: 34px;}
.bottom_list dl dd.ht {

    vertical-align: middle;
}
bottom_list{padding-bottom: 30px;overflow: hidden;}
.bottom_list dl dd.ht img {
    padding-right: 10px;
}
.bottom_list dl.second {overflow: hidden;}
.bottom_list dl.second dd {
    width: 48%;
    float: left;
}

.bo_erweima {
    width: 106px;
    font-size: 14px;
    color: #a0a1a3;
    text-align: center;
    margin-right: 20px;
}
.bo_erweima img{border: 1px solid #f0f0f0;padding: 5px;box-sizing: border-box;}

.gbottom_two {
    background: #1a3a74;
}

.copyright_g {
    border-top: 1px solid #31363e;
    height: 40px;
}

.copyright_g p {
    line-height: 40px;
    color: #a0a1a3;
    font-size: 12px;
}
.copyright_g p a{display: inline-block;color: #fff;line-height: 20px;line-height: 20px;vertical-align: middle}
.copyright_g p a img{vertical-align: middle;width: 60%;display: inline-block;}
.copyright_g img{display: inline-block;}
.copyright_g p em {
    color: #cccccc;
    font-style: normal;
    font-size: 12px;
}
.copyright_g img{vertical-align: middle;}
.synews{
    overflow: hidden;
}


.sygsjj{
    background: url(gsbj.jpg) top center no-repeat;
    padding-bottom: 60px;
}
.sygsjj .bt{border-bottom: 1px solid #ccc;padding: 20px 0;}
.sygsjj .box{overflow: hidden;}
.sygsjj .box .fl{width: 50%;}
.sygsjj .box .fl .gs_con{line-height: 230%;margin-top: 30px;}
.sygsjj .box .fl ul{margin-top: 30px;}
.sygsjj .box .fl ul li{width: 20%;float: left;height: 100px;border: 1px solid rgb(241, 241, 241);text-align: center;margin-right: 10px;background: #fff;box-sizing: border-box;}
.sygsjj .box .fl ul li a{font-size: 18px;font-weight: normal;position: relative;height: 100px;padding-top: 10px;}
.sygsjj .box .fr{width: 48%;}
.sygsjj .box .fl ul li a b{font-weight: normal;font-size: 16px;position: relative;z-index: 2;}
.sygsjj .box .fl ul li i{display: block;font-size: 36px;color: rgb(138, 138, 138);font-weight: normal;margin-bottom: 10px;z-index: 2;position: relative;}
.sygsjj .box .fl ul li a::after{position: absolute;left: 0;top: 0;height: 0%;width: 100%;content: "";background: #004495;transition: all .6s;border-radius: 10px; }
.sygsjj .box .fl ul li a:hover::after{height:100%;}
.sygsjj .box .fl ul li a:hover b{color: #fff;}
.sygsjj .box .fl ul li a:hover i{color: #fff;}



.sygsjj .box .fr video{width: 100%;margin-top:30px;float: right;}

.gs_con a{padding: 5px 10px;border: 1px solid #004495;width: 120px;float: right;border-radius: 10px; background: #fff;text-align: center;color: #004495;position: relative;}
.gs_con a::after{position: absolute;left: 0;top: 0;height: 100%;width: 0%;content: "";background: #004495;transition: all .6s;border-radius: 10px; }
.gs_con{overflow: hidden;}
.gs_con a:hover::after{width: 100%;}
.gs_con a:hover{color: #fff;}
.gs_con a:hover i{color: #fff;}
.gs_con a i{position: relative;z-index: 2;}

.sygsjj2{background: url(ysbj.jpg) top center no-repeat;padding: 90px 0}
.sygsjj2  ul{display:flex;margin: 0px auto;}
.sygsjj2  ul li{flex:1;text-align: center;}
.sygsjj2  ul li:first-child{padding-left: 0;}
.sygsjj2  ul li:last-child{border: none;}
.sygsjj2  ul li span{color:#fff;font-size:32px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;text-align:center;}
.sygsjj2  ul li em{color:#fff;}
.sygsjj2  ul li p{color:#fff;font-size:14px;}

.syyyly{background: #eff2f6;padding-top: 60px;}
.tit{text-align: center;font-size: 38px;font-weight: bold;}
.tit p{text-align: center;font-size: 16px;color: #838587;font-weight: normal;padding-bottom: 30px;margin-top: 10px;}

.tab2{position: relative;height: 577px;padding-bottom: 80px;}
.tab-hd2 { background:rgba(0, 100, 187, 0.774); overflow:hidden; zoom:1;width: 30%;position: absolute;right: 0;top: 0;padding: 92px 2% 0 2%;box-sizing: border-box;height: 577px;}
.tab-hd2 li{ float:left; width:48%; color:#fff; text-align:center; cursor:pointer;border: 1px solid #fff;padding: 10px 0;box-sizing: border-box;margin-bottom: 20px;margin-right: 2%;transition: all .6s}
.tab-hd2 li.active{ background:#fff;color: #000;}
.tab-bd2 li{display:none; font-size:24px;}
.tab-bd2 li.thisclass{ display:list-item;}
.tab-bd2 li img{width: 100%;}


.synews{background: #f6f9fc}
.tab3{ margin:0 auto 50px;}
.tab-hd3 {  overflow:hidden; zoom:1;border-bottom: 2px solid rgb(231, 231, 231);margin-bottom: 20px;}
.tab-hd3 li{ float:left; width:150px; color:#000; text-align:center; cursor:pointer; height: 40px;line-height: 40px;}
.tab-hd3 li.active{ background:#d80c25;color: #fff;}
.tab-bd3 li{display:none; border-top:0 none; font-size:24px;overflow: hidden;margin-top: 29px;}
.tab-bd3 li.thisclass{ display:list-item;}
.tab-bd3 li a{float: left;
    vertical-align: middle;
    width: 48%;
    margin-bottom: 1.5rem;
background: #fff;
margin-right: 2%;
box-shadow: 0 1px 3px rgba(204, 204, 204, 0.678);
}
.tab-bd3 li a:nth-child(2n+2) {
        float: right;
        margin-right: 10px;
    }
    .tab-bd3 li a img{float: left;width: 30%;}
    .tab-bd3 li a h4{float: left;margin-left: 1%;width: 69%;font-size: 14px;}
    .tab-bd3 li a h4 p{padding-top: 20px;padding-bottom: 6px;border-bottom: 1px solid #ccc;margin-bottom: 10px;}
    .tab-bd3 li a:hover{background: #00429a;color: #fff;}
    .tab-bd3 li a:hover p{color: #fff;}
    .tab-bd3 li a:hover h4{color: #fff;}

.sycp{overflow: hidden;}
.tab-hd5 { overflow:hidden; zoom:1;}
.tab-hd5 li{ float:left; width:16.6%; color:#fff; text-align:center; cursor:pointer;background: #f3f3f3;color: #3b3b3b;margin-right: 1px;margin-bottom: 1px;height: 48px;line-height: 48px;font-weight: bold;transition: all .3s;overflow: hidden;}
.tab-hd5 li.active{ background:#0063bb;color: #fff;}


.tab-bd5{margin-top: 30px;}
.tab-bd5 li{display:none;  border-top:0 none; font-size:24px;}
.tab-bd5 li.thisclass{ display:list-item;}
.tab-hd5 li:nth-of-type(6),.tab-hd5 li:nth-of-type(12){margin-right: 0;}

.tab-bd5 li a{width:32.7%;float: left;position: relative;margin-bottom: 10px;margin-right: 10px;overflow: hidden;}
.tab-bd5 li a span{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;text-align: center;display: block;background: linear-gradient(to top, rgba(12, 12, 12, 0.712), rgba(0, 0, 0, 0.014));;color: #fff;font-size: 16px;line-height: 50px;}
.tab-bd5 li a p{position: absolute;left: 0;bottom:-350px;width: 100%;height: 100%;background: rgba(0, 100, 187, 0.812);transition: all .6s;overflow:hidden;text-overflow:ellipsis; white-space: nowrap;}
.tab-bd5 li a p img{padding: 30px;}
.tab-bd5 li a p b{display: block;text-align: center;font-weight: normal;color: #fff;font-size: 20px;width: 100%;box-sizing: border-box;}
.tab-bd5 li a p b i{display: block;color: #fff;border-top: 1px solid rgba(255, 255, 255, 0.562);padding-top: 20px;width: 80%;margin: 2% auto;font-style: normal;font-size: 30px;}
.tab-bd5 li a:hover p{bottom: 0;}
.tab-bd5 li a:hover span{display: none;}
.tab-bd5 li a .cppic{height: 350px;width: 100%;}
.tab-bd5 li a:nth-child(3n){margin-right: 0;}




.tit1{
    font-size: 38px;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}
.tit1 a{float: right;border-radius: 20px;border: 1px solid #ccc;font-size: 14px;padding: 10px 20px;font-weight: normal;}
.tit1 a:hover{background: rgba(0, 100, 187, 0.774);color: #fff;border: 1px solid rgba(0, 100, 187, 0.774);}
.w80{background: #fff;margin-top: -40px;padding-top: 50px;}
.sycp{margin-bottom: 60px;}

.jdfa{
    margin-bottom: 30px;
    margin-top: 60px;
}


.syal2 {
    width: 100%;
    margin: 0px auto 60px auto;
}

.syal2 .swiper-wrapper{
    padding-bottom: 50px;
}
.syal2 .swiper-container {
    width: 100%;
    margin: 20px auto;
}
.syal2 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.syal2 .swiper-slide a img{height: 300px;}
.syal2 .swiper-slide a span{display: block;font-size: 16px;height: 56px;line-height: 56px;background: #f0f0f0;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;transition: all .3s}
.syal2 .syal2p{bottom:18px !important;left: 0;right: 0;margin: auto;}
.syal2 .swiper-slide a:hover span{background: #00429a;color: #fff;}
.syal2 .swiper-pagination-clickable .swiper-pagination-bullet{margin-right: 5px;}

/* 幻灯 */

.mainVisual {
	overflow: hidden;
}
.mainVisual .swiper-container {
	height: calc( 100vh);
}
.mainVisual .slide-inner {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
	padding: 0 15px;
}
.mainVisual .swiper-slide {
	overflow: hidden;
}
.mainVisual .box01 {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: left;
}
.mainVisual .box01 .inner{width: 700px;position: absolute;right: 6%;}
 
.mainVisual .box01 .ttl {
	font-size: 4rem;
	font-weight: bold;
	margin-bottom: 30px;
	color: #fff;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(left,#fff,#fff,#fff,#fff);
    position: relative;

} 
.mainVisual .box01 .ttl img{display: inline-block;width: 100%;margin-bottom: 38px;}
 /* .mainVisual .box01 .ttl::after{
    position: absolute;
    content: "";
    left: 0;
    bottom: -10px;
    width: 75px;
    height: 2px;
    background: #fff;
}  */
 .mainVisual .box01 .txt {
	color: rgba(255, 255, 255, 1);
	font-size: 1.4rem;text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.432);
} 
.mainVisual .box01 .txt  a{border: 1px solid #fff;background: url(jt2.png) 65% 15px no-repeat rgba(255, 255, 255, 0.288);font-size: 16px;color: #fff;padding: 10px;width: 160px;border-radius: 5px;margin-top: 30px;}

.mainVisual .box01 .txt  a img{vertical-align: middle;margin-left: 20px;display: block;}
.mainVisual .box01 .txt  a:hover{background: url(jt2.png) 65% 15px no-repeat #31a2e9;border: 1px solid #31a2e9;}


.mainVisual .box02 .inner {
	max-width: 90%;
	margin: 0 auto;
	height: 100%;
	display: flex;
	align-items: center;
	color: #fff;
}

.mainVisual .box02 .ttl {
	font-size: 4rem;
	font-weight: bold;
    margin-bottom: 30px;
    text-align: left;text-shadow: 2px 2px 12px rgba(0, 0, 0, 0.432);
}

.mainVisual .box02 li {
	font-size: 1.4rem;
	position: relative;
	margin-top: 15px;
}
.mainVisual .box02 li:before {
	position: absolute;
	left: 0;
	top: 6px;
	width: 23px;
	height: 23px;
	background: url("img/img04.png") no-repeat;
	background-size: 100% 100%;
	content: "";
}


.mainVisual .box02  a{border: 1px solid #fff;background: url(jt2.png) 65% 15px no-repeat rgba(255, 255, 255, 0.288);font-size: 16px;color: #fff;padding: 10px;width: 160px;border-radius: 5px;margin-top: 30px;}

.mainVisual .box02  a img{vertical-align: middle;margin-left: 20px;display: block;}

.mainVisual .box02  a img{vertical-align: middle;margin-left: 20px;display: block;}
.mainVisual .box02  a:hover{background: url(jt2.png) 65% 15px no-repeat #31a2e9;border: 1px solid #31a2e9;}


.ny_bt{
    text-align: center;
    position: relative;
    font-size: 40px;
    font-weight: bold;
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(236, 236, 236);
    margin-bottom: 30px;
}
.ny_bt em{position: absolute;left: 0;right: 0;top: 0;bottom: 0;width: 1200px;margin: auto;font-size: 42px;font-weight: bold;text-transform: uppercase;font-size: 68px;color: rgb(247, 247, 247);z-index: 0;}
.ny_bt b{position: relative;z-index: 3;padding-top: 40px;display: block;}
.nygsjj{line-height: 200%}
.nygsjj img{width: 40%;padding: 0 30px;}


.sygsjj3{padding:30px 0;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;}
.sygsjj3  ul{display:flex;margin: 0px auto;}
.sygsjj3  ul li{flex:1;text-align: center;}
.sygsjj3  ul li:first-child{padding-left: 0;}
.sygsjj3  ul li:last-child{border: none;}
.sygsjj3  ul li span{color:#00429a;font-size:32px;font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;text-align:center;font-size: 3rem;}
.sygsjj3  ul li em{color:#00429a;}
.sygsjj3  ul li p{color:#99b1d6;font-size:14px;}
.nygspic{overflow: hidden;}
.nygspic a{width: 48%;float: left;margin-left: 1%;margin-bottom: 20px;overflow: hidden;}
.nygspic a img{transition: all .6s}
.nygspic a:hover img{transform: scale(1.2);}


.indexsec01 {
    padding: 80px 0;
    background: url(bg_about_neiye4.jpg) no-repeat center;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 50px;
}
.indexsec01 span{text-align: center;display: block;color: #fff;font-size: 53px;font-weight: bold;font-weight: normal;}
.indexsec01 p{text-align: center;font-size: 28px;color: #fff;margin: 20px 0;}
.indexsec01 a{width: 200px;height: 50px;line-height: 50px;text-align: center;color: #fff;background: #0063bb;margin: 0 auto;}
.indexsec01 a:hover{background: #019064;border-radius: 20px;}
.nyry ul{overflow: hidden;}
.nyry ul a{width: 24%;float: left;height: 440px;background: rgb(247, 247, 247);padding: 20px;box-sizing: border-box;margin-right: 10px;margin-bottom: 20px;}
.nyry ul a img{height: 350px;width: 100%;border: 1px solid #ccc;}
.nyry ul a  span{display: block;text-align: center;height: 60px;line-height: 60px;}





.pl_service4 {
    position: fixed;
    right: -52px;
    top: 50%;
    z-index: 99;
}
.pl_service4 .item_con {
    text-align: right;
    margin-bottom: 2px;
    height: 60px;
    clear: both;
}
.pl_service4 .service_icon path{color: #fff;background: #fff}
.pl_service4 a{display: inline-block;
    color: #fff;}
.pl_service4 .service_item {
    padding-left: 60px;
    float: right;
    width: 60px;
    min-width: 60px;
    height: 60px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
    transition: all 0.5s ease;
    position: relative;
    cursor: pointer;
}
.pl_service4 .service_item.showLang:hover {
    min-width: 230px;
}

.pl_service4 .service_icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
}
.pl_service4 .service_icon span {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    display: block;
    margin-top: 2px;
    padding: 0 2px;
}
.pl_service4 .service_item{color: #fff;}
.pl_service4 .service_icon .icon {
    width: 30px;
    height: 30px;
	margin: 6px 16px 0 16px;
	color: #fff;
}
.pl_service4 .service_value {
    padding: 10px 0 10px 10px;
    width: 170px;
    text-align: left;
    line-height: 20px;
}

.service_value p{line-height: 40px;}


.pl_service4 .service_value.dh {
    line-height: 40px;
}
.pl_service4 .service_value.tp {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    height: 120px;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    overflow: hidden;
    display: none;
}




.pl_service4 .service_value.tp2 {
    position: absolute;
    right: calc(100% + 10px);
    top: 50%;
    transform: translateY(-50%);
    width: 320px;
    background: #fff;
    border-radius: 4px;
    padding: 20px;
    overflow: hidden;
    display: none;
}
.pl_service4 .service_value.tp2 p{
    color: #000;
    line-height: 160%;
}






.pl_service4 .service_value.tp img {
    width: 100%;
    height: 100%;
    display: block;
}
.pl_service4 .service_item.showImg:hover .service_value.tp {
    display: block;
}

.pl_service4 .service_item.showImg:hover .service_value.tp2 {
    display: block;
}

.lianxi_m {overflow: hidden;background: #eee;margin-top: 10px; max-width:1400px;}
.lianxi_ml {background: #0063bb;color: #fff;padding: 30px 40px 30px 40px;overflow: hidden;float: left; text-align: left;}
.lianxi_ml_m {overflow: hidden;font-size: 36px;font-weight: bold;line-height: 52px;margin-bottom: 18px;}
.lianxi_ml_s {width: 310px;border: solid 2px #fff;font-size: 26px;font-family: Arial, Helvetica, sans-serif;text-align: center;margin-bottom: 18px;line-height: 55px;}
.lianxi_ml_en {font-family: Arial, Helvetica, sans-serif;font-size: 24px;line-height: 40px;}
.lianxi_mr {float: right;position: relative;width:62%;}
	
.lianxi_mr_i {float: left;font-family: Arial, Helvetica, sans-serif;font-size: 100px;font-weight: 89;margin-left: -89px;line-height: normal;color: #999;position: absolute;margin-top: 20px;}
.lianxi_m .mr_i {font-size: 100px;line-height: 200px;margin-top: 125px;margin-left: calc(100% - 690px);position: absolute;right:30px;}
.lianxi_mr_m {width: calc(100% - 69px);float: left;padding-left: 22px;padding-right: 10px;padding-top: 17px;line-height: 42px;color: #666;font-size:1rem;margin-left: -44px;text-align:left;}

.lianxi_mr_m span {font-size: 30px;font-weight: bold;line-height: 70px;color: #0063bb;}

.nycpbj {overflow: hidden;}
.nycpbj a{width: 31%;float: left;background: #fff;margin-bottom: 10px;margin-left: 2px;margin-right: 10px;padding: 10px 0 10px 30px;box-sizing: border-box;box-shadow: 0 0 15px #ccc;}
.nycpbj a:hover{background: rgb(36, 36, 36);color: #fff;}